<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>首页 | 测试</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="../bower_components/Ionicons/css/ionicons.min.css">
  <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../dist/css/skins/skin-green.min.css">

  <link rel="stylesheet" href="./../css.css">
</head>

<body class="hold-transition skin-green">
  <div class="wrapper">
    <header class="main-header">
      <a href="index.html" class="logo">
        <span class="logo-mini" style="color:gold;"><i class="fa fa-fw fa-home"></i>测</span>
        <span class="logo-lg"><i class="fa fa-fw fa-home"></i>测试页</span>
      </a>
      <nav class="navbar navbar-static-top" role="navigation">
      </nav>
    </header>
    <aside class="main-sidebar">
      <section class="sidebar">
        <ul class="sidebar-menu" data-widget="tree">
          <li class="header text-center" style="color:white;">测试页面导航</li>
        </ul>
      </section>
    </aside>

    <div class="content-wrapper">
      <section class="content-header text-center">
        <h1>
          admin-lte
          <small>2.4.5</small>
        </h1>
      </section>
      <section class="content container-fluid">
        wait ......
      </section>

    </div>

    <footer class="main-footer">
      <div class="pull-right hidden-xs">
        <b>No Pain,No Gain.</b>
      </div>
      <strong>Copyright &copy; 2019 <a href="#">Company</a>.</strong> All rights reserved.
    </footer>

  </div>
  <script src="../bower_components/jquery/dist/jquery.min.js"></script>
  <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="../dist/js/adminlte.min.js"></script>
  <script>
    var menus = $('.sidebar-menu');
    for (let index = 1; index < 100; index++) {
      var menuItem = '<li><a href="test-page' + index + '.html">' +
        '<i class="fa fa-link"></i>' +
        '<span>测试页 ' + index + '</span>' +
        '</a></li>';
      menus.append(menuItem);
      var position=9;
      position+=1;
      $('li:eq('+position+')',menus).addClass('active');
      $('li:eq('+position+') a',menus).css('background-color','#66ccff');
    }
  </script>
</body>

</html>